<template>
	<view class="terms-container">
		<view class="content">
			<view class="header">
				<text class="title">用户协议</text>
				<text class="update-time">更新时间：2024年1月1日</text>
			</view>
			
			<scroll-view class="scroll-content" scroll-y="true">
				<view class="section">
					<text class="section-title">1. 服务说明</text>
					<text class="section-content">
						情绪大师是一款专注于心理健康和情绪管理的应用程序。我们提供：
						• 科学的心理测评工具
						• 个性化的情绪记录功能
						• 专业的冥想和放松课程
						• 基于数据的情绪分析报告
						
						本应用仅供参考，不能替代专业的心理咨询和医疗服务。
					</text>
				</view>
				
				<view class="section">
					<text class="section-title">2. 用户责任</text>
					<text class="section-content">
						使用本应用时，您需要：
						• 提供真实准确的信息
						• 合理使用应用功能
						• 不得恶意破坏应用
						• 遵守相关法律法规
						
						如遇严重心理问题，请及时寻求专业帮助。
					</text>
				</view>
				
				<view class="section">
					<text class="section-title">3. 服务限制</text>
					<text class="section-content">
						以下情况下我们可能限制或终止服务：
						• 违反本协议条款
						• 恶意使用应用功能
						• 技术维护需要
						• 不可抗力因素
						
						我们会提前通知用户相关变更。
					</text>
				</view>
				
				<view class="section">
					<text class="section-title">4. 免责声明</text>
					<text class="section-content">
						本应用提供的内容仅供参考：
						• 测评结果不构成医学诊断
						• 建议内容不替代专业治疗
						• 用户需自行判断内容适用性
						• 我们不承担因使用应用产生的任何损失
					</text>
				</view>
				
				<view class="section">
					<text class="section-title">5. 协议变更</text>
					<text class="section-content">
						我们保留修改本协议的权利：
						• 重大变更会提前通知用户
						• 继续使用视为接受新协议
						• 不同意变更可停止使用应用
						
						最新协议以应用内显示为准。
					</text>
				</view>
				
				<view class="section">
					<text class="section-title">6. 联系方式</text>
					<text class="section-content">
						如有疑问或建议，请通过应用内反馈功能联系我们。
						
						感谢您选择情绪大师，祝您身心健康！
					</text>
				</view>
			</scroll-view>
		</view>
		
		<view class="footer">
			<button class="back-btn" @tap="goBack">返回</button>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			goBack() {
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped>
	.terms-container {
		width: 100vw;
		height: 100vh;
		background-color: #F5F7FA;
		display: flex;
		flex-direction: column;
	}
	
	.content {
		flex: 1;
		padding: 40rpx;
		display: flex;
		flex-direction: column;
	}
	
	.header {
		margin-bottom: 40rpx;
		text-align: center;
	}
	
	.title {
		font-size: 40rpx;
		font-weight: 600;
		color: #333333;
		display: block;
		margin-bottom: 16rpx;
	}
	
	.update-time {
		font-size: 24rpx;
		color: #999999;
		display: block;
	}
	
	.scroll-content {
		flex: 1;
		background: white;
		border-radius: 16rpx;
		padding: 30rpx;
		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
	}
	
	.section {
		margin-bottom: 40rpx;
	}
	
	.section:last-child {
		margin-bottom: 0;
	}
	
	.section-title {
		font-size: 32rpx;
		font-weight: 600;
		color: #333333;
		display: block;
		margin-bottom: 20rpx;
	}
	
	.section-content {
		font-size: 28rpx;
		color: #666666;
		line-height: 1.6;
		display: block;
		white-space: pre-line;
	}
	
	.footer {
		padding: 30rpx 40rpx;
		background: white;
		border-top: 1rpx solid #E0E0E0;
	}
	
	.back-btn {
		width: 100%;
		background: linear-gradient(135deg, #4CAF50, #81C784);
		color: white;
		border: none;
		border-radius: 50rpx;
		padding: 28rpx 0;
		font-size: 32rpx;
		font-weight: 500;
		box-shadow: 0 4rpx 12rpx rgba(76, 175, 80, 0.3);
	}
</style>